//------------------------用工统计----------------------------------------------------
// 基于准备好的dom，初始化echarts实例
var mylaborChart = echarts.init(document.getElementById('laborChart'));
// 指定图表的配置项和数据
var optionLabor = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        right: 1,
        y: 'center',  //图例上下居中
        icon:'circle',
        fontSize: 1,
        data: ['在岗合同制', '劳务派遣', '协力检修', '劳务承包', '退养编外'],
        // data:[
        //     {value:9202,name:'在岗合同制'},
        //     {value:1828,name:'劳务派遣'},
        //     {value:3877,name:'协力检修'},
        //     {value:393,name:'劳务承包'},
        //     {value:860,name:'退养编外'}]  
    },


    series: [
        {
            name: '用工统计',
            type: 'pie',
            radius: ['50%', '80%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 860, name: '劳务派遣',itemStyle: {color:'#89A6FF'}},
                {value: 393, name: '退养编外',itemStyle: {color:'#CAD7FF'}},
                {value: 3877, name: '协力检修',itemStyle: {color:'#7AD2FB'}},
                {value: 1828, name: '劳务承包',itemStyle: {color:'#FF9786'}},
                {value: 9202, name: '在岗合同制',itemStyle: {color:'#ACB7D1'}}
            ],
            // itemStyle:{
            //     normal:{
            //         label:{
            //             show: true,
            //             formatter: '{b} : {c} ({d}%)'
            //         },
            //         labelLine :{show:true}
            //     }
            // }
            label: {
                show: true,
                position: 'inside',
                formatter: '{c}',
                fontSize:'12'
            }

        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
mylaborChart.setOption(optionLabor);

//------------------------人员优化进度----------------------------------------------------

// 基于准备好的dom，初始化echarts实例
var myPerChart = echarts.init(document.getElementById('perChart'));
// 指定图表的配置项和数据
var optionPer = {
    grid: {containLabel: true},
    xAxis: {
        // color: ['#ACABFF', '#72A3FF'],
        type : 'value',
        scale : true,
        max : 100,
        min : 0,
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: true,
            margin: 19,
            textStyle: {
                color: '#000',  //更改坐标轴文字颜色
                fontSize : 12      //更改坐标轴文字大小
            }
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        }
    },
    yAxis: {
        type: 'category',
        data:['机关','公辅','炼钢','特钢','板材','总优化'],
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#25457D',  //更改坐标轴文字颜色
                fontSize : 14      //更改坐标轴文字大小
            }
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        }
    },
    series: [
        {
            type: 'bar',
            data:['10','10','10','10','10','10'],
            barWidth: 23.8,

            showBackground: true,
            backgroundStyle: {
                backgroundColor:'rgba(126,126,126,0.53)'
            },
            barBorderRadius:2,
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 1, 0,
                        [
                            {offset: 0, color: '#72A3FF'},                 //柱图渐变色
                            {offset: 1, color: '#ACABFF'},                   //柱图渐变色


                        ]
                    )
                },
            },
            label: {
                    show: true,
                    position: 'right',
                    formatter: '{c}%'
            }
        },

    ]
};


// 使用刚指定的配置项和数据显示图表。
myPerChart.setOption(optionPer);


//------------------------自主用工出勤率----------------------------------------------------
var volRateChartId = echarts.init(document.getElementById('volRateChart'));

var optionVolRate  = {
    legend: {
        orient:"horizontal",
        data: ['出勤率'],
        x:'right',
        padding:[36,50,0,0],
    },

    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1', '2', '3', '4', '5', '6', '7'],
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            show: true,

            textStyle: {
                color: '#25457D',  //更改坐标轴文字颜色
                fontSize : 10     //更改坐标轴文字大小
            }
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        },

    },
    yAxis: {
        type: 'value',
        name: '百分比',
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        nameTextStyle:{
            color:'#25457D',
            fontSize:8,

        },
        axisLabel: {
            show: true,

            textStyle: {
                color: '#A4D2FF',  //更改坐标轴文字颜色
                fontSize : 10     //更改坐标轴文字大小
            }
        },
        axisLine:{
            lineStyle:{
                color:'#19C4F5',
            }
        }
    },
    series: [{
        name:'出勤率',
        data: [90, 93, 95, 98, 95, 94, 93],
        type: 'line',
        areaStyle: {},
        symbolSize: 10,
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 0, 1,
                    [


                        {offset: 0.75, color: '#FFFFFF'},                   //柱图渐变色
                        {offset: 0, color: '#C9D4FD'},                 //柱图渐变色
                    ]
                )
            },
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
volRateChartId.setOption(optionVolRate);



//------------------------劳务协力到场人数----------------------------------------------------
var volCountChartId = echarts.init(document.getElementById('volCountChart'));

var optionVolCount  = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        }
    },
    legend: {
        orient:"horizontal",
        data: ['劳务外包', '协力检修'],
        x:'right',
        padding:[36,10,0,0],
    },

    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ['1', '2', '3', '4', '5', '6', '7'],
            splitLine:{
                show:false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: true,

                textStyle: {
                    color: '#25457D',  //更改坐标轴文字颜色
                    fontSize : 10     //更改坐标轴文字大小
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#B1CEED',
                }
            },
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '人数',

            min: 0,
            max: 2500,
            interval: 500, //间隔
            minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
            nameTextStyle:{
                color:'#25457D',
                fontSize:8,

            },
            axisTick: {
                show: false
            },
            splitLine:{
                show:false
            },
            axisLabel: {
                show: true,

                textStyle: {
                    color: '#A4D2FF',  //更改坐标轴文字颜色
                    fontSize : 10     //更改坐标轴文字大小
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#19C4F5',
                }
            }
        },


    ],
    series: [
        {
            name: '劳务外包',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            symbolSize: 10,
            data: [1100, 1200, 1400, 1350, 1500, 1560, 1690],
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 0.5, color: '#FF9786'},                   //柱图渐变色
                            {offset: 1, color: '#FFFFFF'},                 //柱图渐变色

                        ]
                    )
                },
            }

        },
        {
            name: '协力检修',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            symbolSize: 10,
            data: [200, 400, 400, 800, 400, 250, 230],
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 0.75, color: '#C9D4FD'},                   //柱图渐变色
                            {offset: 1, color: '#FFFFFF'},                 //柱图渐变色

                        ]
                    )
                },
            }
        },

    ]
};
// 使用刚指定的配置项和数据显示图表。
volCountChartId.setOption(optionVolCount);


//------------------------人均产钢----------------------------------------------------
var capChartId = echarts.init(document.getElementById('capChart'));

var optionVolCap  = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        }
    },
    legend: {
        orient:"horizontal",
        data: ['行业口径', '全口径'],
        x:'right',
        padding:[36,10,0,0],
    },

    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ['0','2017', '2018', '2019', '2020'],
            splitLine:{
                show:false
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                show: true,

                textStyle: {
                    color: '#25457D',  //更改坐标轴文字颜色
                    fontSize : 10     //更改坐标轴文字大小
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#B1CEED',
                }
            },
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '顿/年.人',

            min: 0,
            max: 2500,
            interval: 500, //间隔
            minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
            nameTextStyle:{
                color:'#25457D',
                fontSize:8,

            },
            axisTick: {
                show: false
            },
            splitLine:{
                show:false
            },
            axisLabel: {
                show: true,

                textStyle: {
                    color: '#A4D2FF',  //更改坐标轴文字颜色
                    fontSize : 10     //更改坐标轴文字大小
                }
            },
            axisLine:{
                lineStyle:{
                    color:'#19C4F5',
                }
            }
        },


    ],
    series: [

        {
            name: '行业口径',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            symbolSize: 10,
            data: [1100, 1200, 1400, 1350, 1500, 1560, 1690],
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [

                            {offset: 1, color: '#FFFFFF'},                 //柱图渐变色
                            {offset: 0.75, color: '#C9D4FD'},                   //柱图渐变色
                        ]
                    )
                },
            },


        },
        {
            name: '全口径',
            type: 'line',
            stack: '总量',
            areaStyle: {},
            symbolSize: 10,
            data: [200, 400, 400, 800, 400, 250, 230],
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 1, color: '#FFFFFF'},                 //柱图渐变色
                            {offset: 0.5, color: '#FF9786'},                   //柱图渐变色
                        ]
                    )
                },
            }

        },

    ]
};
// 使用刚指定的配置项和数据显示图表。
capChartId.setOption(optionVolCap);

$('#volRateDatePicker').daterangepicker(
        // {format: 'YYYY-MM-DD'}
);
$('#volCountDatePicker').daterangepicker(
    // {format: 'YYYY-MM-DD'}
);


$('#coTabSty tr:nth-child(even)').addClass('trOdd')


//------------------------学历----------------------------------------------------
var recChart = echarts.init(document.getElementById('recChart'));
// 指定图表的配置项和数据
var optionRec = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        orient: 'vertical',
        right: 1,
        y: 'center',  //图例上下居中
        icon:'circle',
        fontSize: 1,
        data: ['专科以下', '专科', '本科', '硕士', '博士'],
        // data:[
        //     {value:9202,name:'在岗合同制'},
        //     {value:1828,name:'劳务派遣'},
        //     {value:3877,name:'协力检修'},
        //     {value:393,name:'劳务承包'},
        //     {value:860,name:'退养编外'}]  
    },


    series: [
        {
            name: '用工统计',
            type: 'pie',
            radius: ['50%', '80%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 32, name: '博士',itemStyle: {color:'#89A6FF'}},
                {value: 229, name: '硕士',itemStyle: {color:'#CAD7FF'}},
                {value: 1942, name: '本科',itemStyle: {color:'#7AD2FB'}},
                {value: 2411, name: '专科',itemStyle: {color:'#FF9786'}},
                {value: 4754, name: '专科以下',itemStyle: {color:'#ACB7D1'}}
            ],
            // itemStyle:{
            //     normal:{
            //         label:{
            //             show: true,
            //             formatter: '{b} : {c} ({d}%)'
            //         },
            //         labelLine :{show:true}
            //     }
            // }
            label: {
                show: true,
                position: 'inside',
                formatter: '{c}',
                fontSize:'12'
            }

        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
recChart.setOption(optionRec);


//------------------------年龄----------------------------------------------------
var ageChart = echarts.init(document.getElementById('ageChart'));
// 指定图表的配置项和数据
var optionAge = {
    legend: {
        y:'bottom',
        icon:'circle',
        fontSize:10,
        itemWidth:10,
        itemHeight:10,

        textStyle: {
            color: '#25457D',          // 图例文字颜色
            fontSize: 10

        },
        icon : 'circle',
        data: ['男','女'],
    },
    tooltip: {},
    xAxis: {
        type: 'category',
        data:['30岁以下','[31,35]','[36,40]','[41,45]','[46,50]','[51,55]','56岁以上'],
        axisLabel: {
            interval:0,
            rotate:-40,
            show: true,

            textStyle: {
                color: '#25457D',  //更改坐标轴文字颜色
                fontSize : 10     //更改坐标轴文字大小
            },
        },
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        },
    },
    yAxis: {
        min: 0,
        max: 2500,
        interval: 500, //间隔
        minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
        splitLine:{
            show:false
        },
        axisTick: {
            show: false
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        },
    },
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {
            name: '男',
            type: 'bar',
            barGap: 0,
            barWidth:17.9,
            data: [1500, 2200, 1800, 1900, 2200, 2000,1000],
            showBackground: true,
            backgroundStyle: {
                backgroundColor:'#D8D8D8'
            },
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 1, color: '#ACABFF'},                   //柱图渐变色
                            {offset: 0, color: '#72A3FF'},                 //柱图渐变色

                        ]
                    )
                },
            }
        },
        {
            name: '女',
            type: 'bar',
            barGap: 0,
            barWidth:17.9,
            data: [300, 400, 600, 900, 1200,1100, 500],
            showBackground: true,
            backgroundStyle: {
                backgroundColor:'#D8D8D8'
            },
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1,
                        [
                            {offset: 1, color: '#F9C48B'},                   //柱图渐变色
                            {offset: 0, color: '#FFB372'},                 //柱图渐变色

                        ]
                    )
                },
            }
        },

    ]
};

// 使用刚指定的配置项和数据显示图表。
ageChart.setOption(optionAge);


//------------------------培训----------------------------------------------------
var traChartId = echarts.init(document.getElementById('traChart'));

var optionTra  = {

    tooltip: {
        trigger: "axis",
    },
    legend: {
        orient:"horizontal",
        x:'right',
        padding:[40,40,0,0],
        icon : 'circle',
        textStyle: {
            color: '#25457D',          // 图例文字颜色
            fontSize: 10

        },
        data: ['线上人均学时','线下人均学时'],
    },
    xAxis: {
        data: ["炼钢事业部","特钢事业部","板材事业部","公辅事业部","职能机关","新产业集团"],
        splitLine:{
            show:false,
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            interval:0,
            rotate:-40,
            show: true,

            textStyle: {
                color: '#25457D',  //更改坐标轴文字颜色
                fontSize : 10     //更改坐标轴文字大小
            },
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        }
    },
    yAxis: {
        min: 0,
        max: 60,
        interval: 10, //间隔
        minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
        axisTick: {
            show: false
        },
        splitLine:{
            show:false,
        },

        axisLabel : {
            formatter: function(){
                return "";
            }
        },
        axisLine:{
            lineStyle:{
                color:'#B1CEED',
            }
        }
        // data:['炼钢事业部','特钢事业部','板材事业部','公辅事业部','职能机关','新产业集团'],
    },
    series: [{
        name: '线上人均学时',
        type: 'bar',
        stack:'使用情况',
        barWidth: 26,
        data: [15, 20, 26, 10, 10, 20],
        itemStyle:{
            normal:{color:"#FF8849"},
        },
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 0, 1,
                    [

                        {offset: 0, color: '#ACABFF'},                 //柱图渐变色
                        {offset: 1, color: '#72A3FF'},                   //柱图渐变色
                    ]
                )
            },
        }
    },{
        name: '线下人均学时',
        type: 'bar',
        stack:'使用情况',
        barWidth: 26,
        data: [15, 22, 18, 25, 22, 20],
        itemStyle:{
            normal:{color:"#3FBB49"},
        },
        itemStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 0, 1,
                    [

                        {offset: 0, color: '#FFD6AB'},                 //柱图渐变色
                        {offset: 1, color: '#FFAF72'},                   //柱图渐变色
                    ]
                )
            },
        }
    }]
};
// 使用刚指定的配置项和数据显示图表。
traChartId.setOption(optionTra);

$("#coTabSty").each(function () {
    var numTrTotal = document.getElementsByClassName('numTr');
    //获取并计算每一列表格的数据
    for (var i = 0; i < numTrTotal.length; i++) {
        var tdSum = 0;
        $(numTrTotal).each(function () {
            // console.log(tdSum+parseInt($(this).find("td").eq(i+1)[0].innerText))
            if(parseInt($(this).find("td").eq(i+1).html()) >= 0){
                tdSum += parseInt($(this).find("td").eq(i+1)[0].innerText);
            }

        });
        $('#coTabSty').find('tr:last td').eq(i+1).html(tdSum);
    }

    //获取并计算每一行表格的数据
    $(numTrTotal).each(function () {
        var rowSum=0;
       $(this).find('td').not(":eq(0)").each(function () {
            rowSum += parseInt($(this).text());
        })
        $(this).append('<td>'+rowSum+'</td>');
        // $(this).find('.lastNum').html(rowSum);
    })

});



// $('.numTr').each(function(){
//     totalTdNum();
// })
//
// function totalTdNum() {
//     totalTdSum=0;
//     $('.numTr').each(function(){
//         $(this).find("td:eq(1)").each(function () {
//             totalTdSum+=getNumValue($(this));
//             $('#coTabSty').find('tr:last td').eq(1).html(totalTdSum);
//
//         })
//     })
//
//
// }
// //获取单元格的值，返回整数
// function getNumValue(controlid){
//     var num=controlid.val();
//     if(num!=0){
//         num=Number((num));
//     }
//     return num;
// }
//
// // function validateTd(tdstr){
// //
// // }
//
// $("#coTabSty").each(function () {
//     var sum = 0;
//     var numTrTotal = document.getElementsByClassName('numTr');
//     var tdTotal = document.getElementsByClassName('numTd');
//
//
//
// })


//
// $("#coTabSty").each(function () {
//         var sum = 0;
//         var numTrTotal = document.getElementsByClassName('numTr')
//         $('.numTr').each(function(){
//             if(Number($('td', this).eq(1).html()) >= 0){
//                 // $('td', this).eq(1).each(function () {
//                     sum += Number($('td', this).eq(1).html());
//                     $('#coTabSty').find('tr:last td').eq(1).html(sum);
//                 // })
//
//                 // console.log($(this).find('td:eq(1)'));
//                 // $('td', this).eq(1).each(function () {
//                 //     console.log( Number($('td', this).eq(1).html()))
//                 //     sum +=  Number($('td', this).eq(1).html());
//                 //     console.log(sum);
//                 // })
//                 // var i=0;
//                 // while(i<=numTrTotal.length) {
//                 //     console.log(i)
//                 //     sum += Number($('td', this).eq(i).html());
//                 //     $('#coTabSty').find('tr:last td').eq(i).html(sum);
//                 //     i++;
//                 //     if (i > numTrTotal.length) {
//                 //         return;
//                 //     }
//                 // }
//                 //
//                 //
//                 // }
//                 // for (var i=1;i<=numTrTotal.length;i++){
//                     // console.log("sum="+sum)
//                     // console.log(Number($('td', this).eq(1).html()))
//                     // sum += Number($('td', this).eq(1).html());
//                     // $('#coTabSty').find('tr:last td').eq(1).html(sum);
//                 // }
//             }
//         });
//     // $('#coTabSty').find('tr:last td').eq(1).html(sum);
//     });